<style lang="scss" scoped>
  @import '../../styles/common/loading.less';
  .container{
    border: none !important;
    margin-top: 4px;
  }
  .el-col-offset-1 {
    margin-left: 0%;
  }
  .button_a {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);

  }
  .col_a {
    margin-left: 2%;
  }
  .el-card {
    height: 200px;
  }

  .el-button--primary {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);
  }
</style>
<template>
    <div>
        <div>
            <div class="crumbs">
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item>
                    <i class="el-icon-lx-calendar"></i>调查审核
                    </el-breadcrumb-item>
                    <el-breadcrumb-item>调查审核详情</el-breadcrumb-item>
                </el-breadcrumb>
            </div>
            <!-- 基本信息 -->
            <div class="container">
                <template>
                    <el-tabs v-model="activeName" @tab-click="isBaseInfo">
                        <el-tab-pane label="基本信息" name="first"  v-show='!isBase'>
                            <!-- 就医信息 -->
                            <el-card class="box-card" style="margin-top: 2px;" id="jiesuanxinxi">
                                <div>
                                    <el-form :inline="true" :model="formInline" class="demo-form-inline" style="text-align: right">
                                        <el-row type="flex">
                                            <el-col :span="4">
                                            <el-form-item label="任务号">
                                                <el-input v-model="formInline.user" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                            <el-col :span="4" :offset="1">
                                            <el-form-item label="被保险人" label-width="90px">
                                                <el-input v-model="formInline.user" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                            <el-col :span="4" :offset="1">
                                            <el-form-item label="证件类型">
                                                <el-input v-model="formInline.user" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                            <el-col :span="4" :offset="1">
                                            <el-form-item label="证件号">
                                                <el-input v-model="formInline.user" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                        </el-row>
                                        <el-row type="flex">
                                            <el-col :span="4">
                                            <el-form-item label="社保号">
                                                <el-input v-model="formInline.user" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                            <el-col :span="4" :offset="1">
                                            <el-form-item label="医保号">
                                                <el-input v-model="formInline.user" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                            <el-col :span="4" :offset="1">
                                            <el-form-item label="原因" label-width="90px">
                                                <el-input v-model="formInline.user" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                            <el-col :span="4" :offset="1">
                                            <el-form-item label="原因描述">
                                                <el-input v-model="formInline.user" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                        </el-row> 
                                        <el-row type="flex">
                                            <el-col :span="4">
                                            <el-form-item label="地点描述">
                                                <el-input :rows="4" show-word-limit style="width: 685%" v-model="formInline.user" type="textarea" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                        </el-row> 
                                        <el-row type="flex">
                                            <el-col :span="4">
                                            <el-form-item label="经过">
                                                <el-input :rows="4" show-word-limit style="width: 685%" v-model="formInline.user" type="textarea" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                        </el-row> 
                                        <el-row type="flex">
                                            <el-col :span="4">
                                            <el-form-item label="描述">
                                                <el-input :rows="4" show-word-limit style="width: 685%" v-model="formInline.user" type="textarea" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                        </el-row> 
                                        <el-row type="flex">
                                            <el-col :span="4">
                                            <el-form-item label="结论">
                                                <el-input :rows="4" show-word-limit style="width: 685%" v-model="formInline.user" type="textarea" placeholder="" disabled></el-input>
                                            </el-form-item>
                                            </el-col>
                                        </el-row> 
                                    </el-form>
                                </div>
                            </el-card>
                        </el-tab-pane>    
                    </el-tabs>
                </template>
            </div>

            <!-- 调查轨迹信息 -->
            <div class="container">
                <template>
                    <el-tabs v-model="activeName" @tab-click="surveyHistory">
                        <el-tab-pane label="调查历史轨迹信息" name="first"  v-show='!isSurvey'>
                            <el-card class="box-card" style="margin-top: 3px">
                                <div>
                                    <el-table
                                        :data="researchHistory"
                                        border
                                        class="table"
                                        ref="multipleTable"
                                        header-cell-class-name="table-header"
                                        style="margin-top: 10px"
                                    >
                                        <el-table-column type="index" label="序号" width="55" align="center"></el-table-column>
                                        <el-table-column prop="taskno" label="任务号" align="center"></el-table-column>
                                        <el-table-column prop="handlerOrg" label="处理人机构" align="center"></el-table-column>
                                        <el-table-column prop="handler" label="处理人" align="center"></el-table-column>
                                        <el-table-column prop="submitTime" label="调查时间" align="center"></el-table-column>
                                        <el-table-column prop="surveyPass" label="调查经过" align="center"></el-table-column>
                                        <el-table-column prop="surveyResult" label="调查结果" align="center"></el-table-column>
                                        <el-table-column prop="surveyVerdict" label="调查结论" align="center"></el-table-column>
                                    </el-table>
                                </div>
                            </el-card>
                        </el-tab-pane>    
                    </el-tabs>
                </template>
            </div>

            <!-- 审核意见 -->
            <div class="container">
                <template>
                    <el-tabs v-model="activeName" @tab-click="auditInfo">
                        <el-tab-pane label="审核意见" name="first"  v-show='!isAudit'>
                            <!--审核意见-->
                            <el-card class="box-card" style="margin-top: 3px">
                                <div>
                                    审核意见：
                                    <template>
                                        <el-radio v-model="shenheyijian" label="1">同意</el-radio>
                                        <el-radio v-model="shenheyijian" label="2">退回</el-radio>
                                    </template>
                                    <br>
                                    <br>
                                    <div>
                                        <el-input placeholder="" v-model="input1">
                                            <template slot="prepend">审核备注</template>
                                        </el-input>
                                    </div>
                                    <br>
                                    <div>
                                        <el-input placeholder="" v-model="input1">
                                            <template slot="prepend">评价短语</template>
                                        </el-input>
                                    </div>

                                </div>
                            </el-card>
                        </el-tab-pane>    
                    </el-tabs>
                </template>
            </div>

            <div>
                <template>
                    <div style="margin-top: 40px;padding-bottom: 50px">
                        <el-button type="primary" size="medium">影像上传</el-button>
                        <el-button type="success"  size="medium">提交</el-button>
                        <el-button type="danger" size="medium">关闭</el-button>
                    </div>
                </template>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'researchTask',
        data() {
            return {
                query: {
                    address: '',
                    name: '',
                    pageIndex: 1,
                    pageSize: 10
                },
                //控制显示隐藏
                isBase:false,
                isSurvey:false,
                shenheyijian:"1",
                activeName: 'first',
                form: {},
                formInline: {
                    policy: '20143301000000008',
                    startDate: '2019-01-01',
                    endDate: '2022-01-01',
                    insurePlan: '徐州医保局',
                },
                researchHistory:[
                    {
                        taskno:"20210721001",
                        handlerOrg:"江苏省徐州",
                        handler:"李刚",
                        submitTime:'2021-01-01',
                        surveyPass:'调查中',
                        surveyResult:'通过无误',
                        surveyVerdict:'可以提交审核'
                    }
                ]
            };
        },
        created() {
            this.getData();
        },
        methods: {
                isBaseInfo(){
                    this.isBase=!this.isBase;
                },
                surveyHistory(){
                    this.isSurvey=!this.isSurvey;
                }, 
                // 分页导航
                handlePageChange(val) {
                    this.$set(this.query, 'pageIndex', val);
                    this.getData();
                },
                onSubmit() {
                    console.log('submit!');
                }
        }
    };
</script>